<!DOCTYPE html>
<html lang="en" dir="ltr">
    <head>
        <meta charset="utf-8">
        <title>贵州省黔东南数据</title>
    </head>
    <body>
        <div id="map" style="width:1600px;height: 800px;"></div>
        <script src="https://img.hcharts.cn/highmaps/highmaps.js"></script>
        <script src="qiandong.js"></script>
        <script>
        // 随机数据
        var data = [
        {"name":"施秉县","value":23},{"name":"镇远县","value":14},{"name":"天柱县","value":70},{"name":"丹寨县","value":5},
        {"name":"雷山县","value":28},{"name":"榕江县","value":13},{"name":"黎平县","value":65},{"name":"台江县","value":97},
        {"name":"锦屏县","value":83},{"name":"三穗县","value":13},{"name":"从江县","value":21},{"name":"凯里","value":67}
        ,{"name":"麻江县","value":13},{"name":"黄平县","value":99},{"name":"剑河县","value":97},{"name":"岑巩县","value":89}];
        // 初始化图表
        var map = new Highcharts.Map('map', {
          title: {
            text: '黔东南数据'
          },
          colorAxis: {
            min: 0,
            minColor: 'rgb(255,170,133)',
            maxColor: '#bf2121'
          },
          series: [{
            data: data,
            name: '随机数据',
            mapData: Highcharts.maps['cn/guizhou/qiandong'],
            joinBy: 'name' // 根据 name 属性进行关联
          }]
        });
        </script>
    </body>
</html>
